<?php
$this->headLink()->appendStylesheet($this->baseUrl() . '/public/styles/datepicker/jquery.datepick.css');
$this->headScript()->prependFile($this->baseUrl() . '/public/scripts/datepicker/jquery.datepick.js');
$this->headLink()->appendStylesheet($this->baseUrl() . '/public/styles/colorbox/colorbox.css');
$this->headScript()->prependFile($this->baseUrl() . '/public/scripts/colorbox/jquery.colorbox-min.js');
?>
<style>
    .custom-orden-buttons{float: left; width: 490px; margin-left: 10px; margin-right: 10px;}
    .peditorden{float: left; width: 480px; margin-left: 15px; margin-right: 15px;}
    .peditorden span.value{font-style: italic;}
    .peditorden span.key{font-weight: bold;}
</style>
<?php
$codeRandom = $this->codeRand;
//$status = array('Pendiente...', 'En Progreso...', 'Revisando...', 'Revisado...', 'Rechazado...', 'Completado');
$status = array('Pendiente', 'En Progreso', 'Pendiente con cliente', 'Cambios', 'Mas Información', 'Aprobado', 'Entregado');
?>
<article class="module width_full">
    <header><h3>Editar Orden</h3></header>
    <div class="module_content">

        <div style="display: none;">
            <img id="calImg" src="<?php echo $this->baseUrl() . '/public/img/calendar-blue.gif' ?>" alt="Popup" class="trigger">
        </div>

        <form id="custom-orden" method="POST" action="<?php echo $this->url(); ?>">
            <fieldset title="Editar orden" style="width: 550px;">
                <legend style="display: none;">Brief - Cambios</legend>
                <p class="peditorden">
                    <span class="key">Codigo:</span>
                    <span class="value" id="code"><?php echo $this->orden->code ?></span>
                </p>
                <p class="peditorden">
                    <span class="key">Titulo:</span>
                    <span class="value" id="title"><?php echo $this->orden->title ?></span>
                </p>
                <p class="peditorden">
                    <span class="key">Detalle de la Orden:</span>
                    <span class="value" id="description"><?php echo $this->orden->description; ?></span>
                </p>
                <?php if ($this->orden->status == 4) : ?>
                    <p class="peditorden">
                        <span class="key">M&aacute;s Informaci&oacute;n:</span>
                        <span class="value" id="description"><?php echo $this->orden->deny_description; ?></span>
                    </p>
                <?php endif; ?>
                <p class="peditorden">
                    <span class="key">Cambios:</span>
                    <input type="checkbox" name="check_brief" id="check_brief" checked="checked" value="true"/> Cambio de Brief
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <input type="checkbox" name="check_cambios" id="check_cambios" checked="checked" value="true"/> Trabajo con cambios
                </p>
                <p id="p_brief" class="peditorden" >
                    <span class="key">Cambio de brief:</span><br/>
                    <textarea name="cambio_brief" id="cambio_brief" rows="5" cols="60" ><?php echo $this->orden->change_brief; ?></textarea>
                </p>
                <p id="p_cambios" class="peditorden">
                    <span class="key">Trabajo con cambios:</span><br/>
                    <textarea name="trabajo_cambios" id="trabajo_cambios" rows="5" cols="60" ><?php echo $this->orden->change_job; ?></textarea>
                </p>
                <p class="peditorden">
                    <span style="font-style: italic;">IMPORTANTE: Al modificar la orden se modificara la fecha de inicio de la orden.</span>
                </p>
                <p class="peditorden">
                    <span class="key">Fecha de inicio: </span>
                    <span class="value" id="create_date"><?php echo $this->orden->create_date; ?></span>
                </p>
            </fieldset>

            <fieldset title="Agencias" style="width: 550px;">
                <legend style="display: none;">Cambiar la agencia ..... ?</legend>

                <div id="listDep" style="float: left; width: 20%; padding-left: 20px;">
                    <p style="float: left; width: 480px;"><label>Agencias:</label></p>
                    <?php foreach ($this->departaments as $dep): ?>
                        <?php
                        foreach ($this->dataOrdenDep as $od):
                            if ($dep->id == $od->id_departament) {
                                $chk = ' checked="checked"';
                                break;
                            }
                        endforeach;
                        ?>
                        <p>
                            <input type="checkbox" class="checkbox" id="checkDepartament" name="checkDepartament[]" value="<?php echo $dep->id ?>" <?php echo $chk; ?>/>
                            <?php echo $dep->name ?>
                        </p>
                        <?php $chk = ''; ?>
                    <?php endforeach; ?>
                </div>

                <div style="float: left; width: 75%;">
                    <p style="float: left; width: 480px;"><label>Trabajo a realizar:</label></p> 
                    <div style="margin-bottom:4px;">
                        <input type="button" id="btnAdd" value="  +  " />
                        <input type="button" id="btnDel" value="  -  " />
                    </div>
                    <?php $index = 1;
                    foreach ($this->dataOrdenDepJob as $ordenJob): ?>
                        <div id="input<?php echo $index ?>" style="margin-bottom:4px; overflow: hidden" class="clonedInput">
                            <input type="text" name="name<?php echo $index ?>" id="name<?php echo $index ?>" value="<?php echo $ordenJob->name ?>" style="width: 70px" readonly="readonly"/>
                            <input type="text" name="date<?php echo $index ?>" id="date<?php echo $index ?>" class="datejob" style="width: 78px" value="<?php echo $ordenJob->end_date_client ?>"/>
                            <input type="text" name="detail<?php echo $index ?>" id="detail<?php echo $index ?>" value="<?php echo $ordenJob->detail ?>" style="width: 135px" readonly="readonly"/> 
                        </div>
                        <?php $index++;
                    endforeach; ?>
                    <input type="hidden" name="num_job" id="num_job" value="1"/>
                </div>
            </fieldset>

            <fieldset title="Archivos" style="width: 550px;">
                <legend style="display: none;">Adjuntar archivos</legend>
                <div style="margin-left: 10px;">
                    <p>
                        <span style="font-style: italic;">En esta seccion puede adicionar los archivos de ayuda para la orden.</span>
                    </p>
                    <p>
                        <span style="font-style: italic;">* Archivos: gif, jpg, jpeg, png, tif, doc, docx, xls, xlsx, ppt, pptx, pps, ppsx, psd, txt, rtf</span>
                    </p> 
                    <p><span>Archivos maximo 5 Megabytes</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class='inline' href="#inline_content">Subir Archivos</a></p>
                    <div id="result-attachment_current">
                        <?php foreach ($this->dataOrdenAttach as $attach): ?>
                            <div id="attachment_<?php echo $attach->id ?>" class="message" style="width: 450px;">
                                <div style="width: 80%; float: left;">
                                    <p>
                                        <img width="16" src="<?php echo $this->baseUrl() ?>/public/styles/admin/images/icon_files/_<?php echo $attach->extension ?>.png"/>
                                        <?php echo $attach->name_original ?>
                                    </p>
                                </div>
                                <!--                                <div style="width: 20%; float: left; margin-top: 15px;">
                                                                    <a class="delAttach" onclick="return confirm ('Esta seguro que quiere eliminar el archivo ?')" rel="<?php echo $attach->id ?>" href="#">
                                                                        <img src="<?php echo $this->baseUrl() ?>/public/styles/admin/images/icn_trash.png"/>
                                                                    </a>
                                                                </div>-->
                            </div>
                        <?php endforeach; ?>
                    </div>
                    <div id="result-attachment" ></div>
                </div>
            </fieldset>
            <input type="hidden" name="code_attachment" id="code_attachment" value="<?php echo $codeRandom ?>" />
            <input type="submit" class="finish" value="Modificar Orden" />
        </form>
        <article class="breadcrumbs">
            <a href="<?php echo $this->url(array('module' => 'attachment', 'action' => 'index', 'id' => $this->orden->id)) ?>">Adjuntar Archivos</a> 
            <div class="breadcrumb_divider"></div> 
            <a href="<?php echo $this->url(array('action' => 'index', 'id' => null)) ?>">Volver</a> 
        </article>

        <!-- This contains the hidden content for inline calls -->
        <div style='display:none'>
            <div id='inline_content' style='padding:10px; background:#fff;'>
                <?php echo $this->partial('index/upload.phtml', 'attachment', array('code' => $codeRandom)); ?>
            </div>
        </div>
    </div>
    <footer></footer>
</article>

<script>
    $(document).on("click", "a.delAttach", function(){ 
        idAttach = $(this).attr('rel');
        $.ajax({
            type: "GET",
            url: "<?php echo $this->baseUrl() ?>/attachment/index/delete-attachment-temp/id/"+idAttach,
            success: function( strData ){
                $('#attachment_'+idAttach).remove();
            }
        });
    });
    // modal colorbox 
    $(".inline").colorbox({
        inline:true, 
        width:"480px"
    });
    
    $('#check_brief').change(function(){
        if ($(this).attr("checked")) {
            $('#p_brief').show();
        }else{
            $('#p_brief').hide();
            $('#cambio_brief').val('');
        }
    });
    
    $('#check_cambios').change(function(){
        if ($(this).attr("checked")) {
            $('#p_cambios').show();
        }else{
            $('#p_cambios').hide();
            $('#trabajo_cambios').val('');
        }
    });
    
    $('#check_date').change(function(){
        if ($(this).attr("checked")) {
            $('#p_date_limit').show();
        }else{
            $('#p_date_limit').hide();
            $('#new_date_limit').val('');
        }
    });
    
    $('#new_date_limit').datepick({
        showOnFocus: false, 
        showTrigger: '#calImg',
        dateFormat: 'dd-mm-yyyy'
    });
</script>
<script language="javascript">
    $('#custom-orden').stepy({
        backLabel:	'Atras',
        block:		true,
        errorImage:	true,
        nextLabel:	'Siguiente',
        titleClick:	true,
        validate:	true
    });
    // Optionaly
    $('#custom-orden').validate({
        errorPlacement: function(error, element) {
            $('#custom-orden div.stepy-error').append(error);
        }, rules: {
            cambio_brief: { required: "#check_brief:checked" },
            trabajo_cambios: { required: "#check_cambios:checked" },
            new_date_limit: { required: "#check_date:checked" }
            
        }, messages: {
            'cambio_brief':	{ required: '*Ingrese el cambio de brief' },
            'trabajo_cambios':	{ required: '*Ingrese los cambios para el trabajo' },
            'new_date_limit':	{ required: '*Ingrese la nueva fecha limite' }
        }
    });
    ///////////////////////////////////////////////////////////////////////////
    //date pick job
    $('.datejob').datepick({
        showOnFocus: false,
        dateFormat: 'dd-mm-yyyy', 
        showTrigger: '#calImg'
    });
    //add job 
    $('#btnAdd').click(function() {
        var num     = $('.clonedInput').length;
        var newNum  = new Number(num + 1);
 
        $(".datejob").datepick('destroy');
 
        var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);
 	
        newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum).attr('value','').removeAttr('readonly');
        newElem.children(':nth-child(2)').attr('id', 'date' + newNum).attr('name', 'date' + newNum).attr('value','');
        newElem.children(':nth-child(3)').attr('id', 'detail' + newNum).attr('name', 'detail' + newNum).attr('value','').removeAttr('readonly');
        $('#input' + num).after(newElem);
        $('#btnDel').removeAttr('disabled');

        if (newNum == 50)
            $('#btnAdd').attr('disabled','disabled');

        $('.datejob').datepick({
            showOnFocus: false,
            dateFormat: 'dd-mm-yyyy',
            showTrigger: '#calImg'
        });
        $('#num_job').val(newNum);		
    });
 
    $('#btnDel').click(function() {
        var num = $('.clonedInput').length;
 
        $('#input' + num).remove();
        $('#btnAdd').removeAttr('disabled');
 
        if (num-1 == 1)
            $('#btnDel').attr('disabled','disabled');
        
        $('#num_job').val(num-1);
    });
 
    $('#btnDel').attr('disabled','disabled');
</script>